<!DOCTYPE html>
<html lang="zh" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>[译]FAQs | PaperMod</title>

<meta name="keywords" content="PaperMod" />
<meta name="description" content="经常问的问题">
<meta name="author" content="Aditya Telange">
<link rel="canonical" href="https://note.ftls.xyz/papermod/posts/papermod/papermod-faq/" />
<link href="/papermod/assets/css/stylesheet.min.746a86b58bb2b052b5e4df8216510494f04f81e62c08d626150c26c69ca929da.css" integrity="sha256-dGqGtYuysFK15N&#43;CFlEElPBPgeYsCNYmFQwmxpypKdo=" rel="preload stylesheet"
    as="style">

<link rel="icon" href="https://note.ftls.xyz/papermod/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://note.ftls.xyz/papermod/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://note.ftls.xyz/papermod/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://note.ftls.xyz/papermod/apple-touch-icon.png">
<link rel="mask-icon" href="https://note.ftls.xyz/papermod/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.104.2" />
<link rel="alternate" hreflang="zh" href="https://note.ftls.xyz/papermod/posts/papermod/papermod-faq/" />
<link rel="alternate" hreflang="en" href="https://note.ftls.xyz/papermod/en/posts/papermod/papermod-faq/" />


<meta property="og:title" content="[译]FAQs" />
<meta property="og:description" content="经常问的问题" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://note.ftls.xyz/papermod/posts/papermod/papermod-faq/" /><meta property="og:image" content="https://note.ftls.xyz/papermod/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20mod-cover.png"/><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2021-01-20T00:00:00&#43;00:00" />
<meta property="article:modified_time" content="2021-01-20T00:00:00&#43;00:00" />

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://note.ftls.xyz/papermod/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20mod-cover.png"/>

<meta name="twitter:title" content="[译]FAQs"/>
<meta name="twitter:description" content="经常问的问题"/>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position":  1 ,
      "name": "Posts",
      "item": "https://note.ftls.xyz/papermod/posts/"
    }, 
    {
      "@type": "ListItem",
      "position":  2 ,
      "name": "PaperMod",
      "item": "https://note.ftls.xyz/papermod/posts/papermod/"
    }, 
    {
      "@type": "ListItem",
      "position":  3 ,
      "name": "[译]FAQs",
      "item": "https://note.ftls.xyz/papermod/posts/papermod/papermod-faq/"
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "[译]FAQs",
  "name": "[译]FAQs",
  "description": "经常问的问题",
  "keywords": [
    "PaperMod"
  ],
  "articleBody": " 转载自: https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-faq/\n介绍 我们将在下面的所有示例中使用 yml/yaml 格式，我建议使用 yml 而不是 toml，因为它更易于阅读。\n如果你需要，你可以找 YML to TOML 这类转换器。\n重写主题模板 借助 Hugo的寻找规则，您可以重写您想要的主题的任何部分。 以下是一个快速示例。\n假设您希望 list 有所不同。 你所要做的就是复制list模板：\nyour-site/themes/papermod/layouts/_defaults/list.html 并将其粘贴到您自己的 layouts 文件夹下：\nyour-site/layouts/_defaults/list.html 然后您可以自由地对list进行任何您想要的更改。 当 Hugo 构建您的站点时，您的 list.html 副本将被使用而不是主题的 list.html。\n启用社交网络和 SEO 其中包括 OpenGraph、Twitter Cards 和 Schema。\nparams: env: production 或在系统 env-vars 中将 HUGO_ENV 设置为“production”\nFailed to find a valid digest in the ‘integrity’ attribute for resource … ? 阅读子资源完整性帮助（Read about How Subresource Integrity helps）: Subresource_Integrity\n为什么asset没有加载 ? : How_browsers_handle_Subresource_Integrity\n解决方案 :\n在config.yml中设置以下内容\nparams: assets: disableFingerprinting: true 相关问题：\nhttps://stackoverflow.com/questions/65056585/hugo-theme-not-loading https://stackoverflow.com/questions/65040931/hugo-failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource https://blog.gerardbeckerleg.com/posts/hugo-failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource/ 借助主题的assets使用自定义 css For adding custom css to be bundled inside one minimized css 在您的项目目录中创建文件夹就像\n.(site root) ├── config.yml ├── content/ ├── theme/hugo-PaperMod/ └── assets/ └── css/ └── extended/ \u003c--- ├── custom_css1.css \u003c--- └── any_name.css \u003c--- All css files inside assets/css/extended will be bundled ! assets/css/extended 中的所有 css 文件都将被bundled ！\n注意: blank.css 只是占位符，这样当 assets/css/extended 下没有文件时它不会改变主题\n相关问题：\nPapermod Theme: How to add custom CSS? 自定义页眉/页脚 自定义 css/js 可以按下面的方式添加。\n.(site root) ├── config.yml ├── content/ ├── theme/hugo-PaperMod/ └── layouts ├── partials │ ├── comments.html │ ├── extend_footer.html \u003c--- │ └── extend_head.html \u003c--- └── robots.txt 在如上所示的目录结构中创建一个 html 页面。\nextend_head.html 的内容将被添加到页面的 head 中。\n并且 extend_footer.html 的内容将被添加到页面底部。\n站点菜单添加 你添加的菜单项将出现在每个页面的标题中。\n为此，请在站点的config.yml中添加menu部分：\nmenu: main: - identifier: categories name: categories url: /categories/ weight: 10 - identifier: tags name: tags url: /tags/ weight: 20 - identifier: example name: example.org url: https://example.org weight: 30 name 控制菜单项的显示内容。 url 设置入口指向的 URL。 weight 用于控制条目的定位。\n有关菜单的更多信息，请参阅 Hugo wiki page.\n置顶文章 通过向页面变量添加 weight= ，帖子可以固定/显示在列表的顶部\n例：\n--- title: \"My Important post\" date: 2020-09-15T11:30:03+00:00 weight: 1 --- --- title: \"My 2nd Important post\" date: 2020-09-15T11:30:03+00:00 weight: 2 --- 添加自定义网站图标 我们支持/static目录下的以下路径，从而添加网站图标。需要以下文件\nfavicon.ico favicon-16x16.png favicon-32x32.png apple-touch-icon.png safari-pinned-tab.svg 图标可以由 Favicon.io生成。或者 WebsitePlanet - Generator Favicon 生成 ( 由 Romano 提供 )\n并且将生成的文件放在/static文件夹中就可以了。\n另一种方法是添加不在/static文件夹中的图标。\n在站点配置中添加以下内容：\nparams: assets: favicon: \"\" favicon16x16: \"\" favicon32x32: \"\" apple_touch_icon: \"\" safari_pinned_tab: \"\" absolute url 表示直接链接到外部资源：例如。 https://web.site/someimage.png 例如：\nparams: assets: favicon: \"/favicon.ico\" favicon16x16: \"/favicon-16x16.png\" favicon32x32: \"/favicon-32x32.png\" apple_touch_icon: \"/apple-touch-icon.png\" safari_pinned_tab: \"/safari-pinned-tab.svg\" 在Markdown中居中图像 在图像后添加#center 使图像居中对齐\n![name](path/to/image.png#center) 使用figure 简码（shortcode）时\n使用 align=center 将带有标题的图像居中\n例如：\n{{\u003c figure align=center src=\"image.jpg\" \u003e}} 使用 Hugo 的语法高亮工具“chroma” 在站点config.yml中禁用Highlight.js\nparams: assets: disableHLJS: true 在站点config.yml中设置hugo的markdown样式\nmarkup: highlight: # anchorLineNos: true codeFences: true guessSyntax: true lineNos: true # noClasses: false style: monokai 如果你想要lineNos: true，背景就不合适。 这仅适用于 noClasses: false 或 pygmentsUseClasses: true。 阅读 Generate Syntax Highlighter CSS\n将以下内容添加到 assets/css/extended/custom.css\n.chroma { background-color: unset; } 更多信息 : Configure Markup - Highlight\n搜索不工作？ 如果您使用 CDN 来服务器来自不同域（domain）的资源，搜索将中断\n为什么？ 请看 fastsearch.js#L35.\n我们需要获取托管在网站“search.min.js”上一级的“index.json”（搜索功能在其中查找键入的关键字）。\n我们使用它而不是指定baseURL，以便与多语言网站一起工作，例如。 example.com/fr/ 和网站被放置在一个子目录下。 example.com/blog/。\n要确定从 CDN 托管资源的 single 语言网站，您可以override fastsearch.js#L35 并放置适当的 URL，如\nxhr.open(\"GET\", \"https://example.com/index.json\"); 参考 Override a Hugo theme ",
  "wordCount" : "414",
  "inLanguage": "zh",
  "datePublished": "2021-01-20T00:00:00Z",
  "dateModified": "2021-01-20T00:00:00Z",
  "author":{
    "@type": "Person",
    "name": "Aditya Telange"
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://note.ftls.xyz/papermod/posts/papermod/papermod-faq/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "PaperMod",
    "logo": {
      "@type": "ImageObject",
      "url": "https://note.ftls.xyz/papermod/favicon.ico"
    }
  }
}
</script>





</head>

<body class="" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>
<noscript>
    <style type="text/css">
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: #1d1e20;
                --entry: #2e2e33;
                --primary: rgba(255, 255, 255, 0.84);
                --secondary: rgba(255, 255, 255, 0.56);
                --tertiary: rgba(255, 255, 255, 0.16);
                --content: rgba(255, 255, 255, 0.74);
                --hljs-bg: #2e2e33;
                --code-bg: #37383e;
                --border: #333;
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }
    </style>

</noscript>
<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="https://note.ftls.xyz/papermod/" accesskey="h" title="PaperMod (Alt + H)">PaperMod</a>
            <span class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
                
                

                <ul class="lang-switch"><li>|</li>
                    <li>
                        <a href="https://note.ftls.xyz/papermod/en/" title="English"
                            aria-label="English">English</a>
                    </li>
                </ul>
            </span>
        </div>
        <ul id="menu" onscroll="menu_on_scroll()">
            <li>
                <a href="https://note.ftls.xyz/papermod/archives" title="Archive">
                    <span>Archive</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/categories/" title="Categories">
                    <span>Categories</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/search/" title="Search (Alt &#43; /)" accesskey=/>
                    <span>Search</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/tags/" title="Tags">
                    <span>Tags</span>
                </a>
            </li></ul>
    </nav>
</header>

    <main class="main">

<article class="post-single">
  <header class="post-header">
<div class="breadcrumbs">

    <a href="https://note.ftls.xyz/papermod/">Home</a>&nbsp;»&nbsp;<a href="https://note.ftls.xyz/papermod/posts/">Posts</a>&nbsp;»&nbsp;<a href="https://note.ftls.xyz/papermod/posts/papermod/">PaperMod</a>
</div>

    <h1 class="post-title">
      [译]FAQs<div class="entry-isdraft"><sup>&nbsp;&nbsp;[draft]</sup></div>
    </h1>
    <div class="post-meta">

January 20, 2021&nbsp;·&nbsp;2 分钟&nbsp;·&nbsp;Aditya Telange
&nbsp;|&nbsp;
<ul class="i18n_list">语言:
    <li>
        <a href="https://note.ftls.xyz/papermod/en/posts/papermod/papermod-faq/">English</a>
    </li>
</ul>
|&nbsp;<a href="mailto://snowandocean@foxmail.com?subject=Suggesting%20changes%20for" rel="noopener noreferrer" target="_blank">Suggest Changes</a>
</div>
  </header> 

  <div class="toc">
    <details >
      <summary accesskey="c" title="(Alt + C)">
        <div class="details">目录</div>
      </summary>
      <div class="inner"><ul><li>
        <a href="#%e4%bb%8b%e7%bb%8d" aria-label="介绍">介绍</a></li><li>
        <a href="#%e9%87%8d%e5%86%99%e4%b8%bb%e9%a2%98%e6%a8%a1%e6%9d%bf" aria-label="重写主题模板">重写主题模板</a></li><li>
        <a href="#%e5%90%af%e7%94%a8%e7%a4%be%e4%ba%a4%e7%bd%91%e7%bb%9c%e5%92%8c-seo" aria-label="启用社交网络和 SEO">启用社交网络和 SEO</a></li><li>
        <a href="#failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource--" aria-label="Failed to find a valid digest in the &amp;lsquo;integrity&amp;rsquo; attribute for resource &amp;hellip; ?">Failed to find a valid digest in the &lsquo;integrity&rsquo; attribute for resource &hellip; ?</a></li><li>
        <a href="#%e5%80%9f%e5%8a%a9%e4%b8%bb%e9%a2%98%e7%9a%84assets%e4%bd%bf%e7%94%a8%e8%87%aa%e5%ae%9a%e4%b9%89-css" aria-label="借助主题的assets使用自定义 css">借助主题的assets使用自定义 css</a></li><li>
        <a href="#%e8%87%aa%e5%ae%9a%e4%b9%89%e9%a1%b5%e7%9c%89%e9%a1%b5%e8%84%9a" aria-label="自定义页眉/页脚">自定义页眉/页脚</a></li><li>
        <a href="#%e7%ab%99%e7%82%b9%e8%8f%9c%e5%8d%95%e6%b7%bb%e5%8a%a0" aria-label="站点菜单添加">站点菜单添加</a></li><li>
        <a href="#%e7%bd%ae%e9%a1%b6%e6%96%87%e7%ab%a0" aria-label="置顶文章">置顶文章</a></li><li>
        <a href="#%e6%b7%bb%e5%8a%a0%e8%87%aa%e5%ae%9a%e4%b9%89%e7%bd%91%e7%ab%99%e5%9b%be%e6%a0%87" aria-label="添加自定义网站图标">添加自定义网站图标</a></li><li>
        <a href="#%e5%9c%a8markdown%e4%b8%ad%e5%b1%85%e4%b8%ad%e5%9b%be%e5%83%8f" aria-label="在Markdown中居中图像">在Markdown中居中图像</a></li><li>
        <a href="#%e4%bd%bf%e7%94%a8-hugo-%e7%9a%84%e8%af%ad%e6%b3%95%e9%ab%98%e4%ba%ae%e5%b7%a5%e5%85%b7chroma" aria-label="使用 Hugo 的语法高亮工具“chroma”">使用 Hugo 的语法高亮工具“chroma”</a></li><li>
        <a href="#%e6%90%9c%e7%b4%a2%e4%b8%8d%e5%b7%a5%e4%bd%9c" aria-label="搜索不工作？">搜索不工作？</a></li><li>
        <a href="#%e5%8f%82%e8%80%83" aria-label="参考">参考</a></li></ul>
      </div>
    </details>
  </div>
  <div class="post-content">
<blockquote>
<p>转载自: <a href="https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-faq/">https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-faq/</a></p>
</blockquote>
<h2 id="介绍">介绍<a hidden class="anchor" aria-hidden="true" href="#介绍">#</a></h2>
<ul>
<li>
<p><strong>我们将在下面的所有示例中使用 <code>yml/yaml</code> 格式，我建议使用 <code>yml</code> 而不是 <code>toml</code>，因为它更易于阅读。</strong></p>
</li>
<li>
<p>如果你需要，你可以找 <a href="https://www.baidu.com/s?ie=UTF-8&amp;wd=yml+to+toml">YML to TOML</a> 这类转换器。</p>
</li>
</ul>
<hr>
<h2 id="重写主题模板">重写主题模板<a hidden class="anchor" aria-hidden="true" href="#重写主题模板">#</a></h2>
<p>借助 <a href="https://gohugo.io/templates/lookup-order/">Hugo的寻找规则</a>，您可以重写您想要的主题的任何部分。 以下是一个快速示例。</p>
<p>假设您希望 <code>list</code> 有所不同。 你所要做的就是复制<code>list</code>模板：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>your-site/themes/papermod/layouts/_defaults/list.html
</span></span></code></pre></div><p>并将其粘贴到您自己的 <code>layouts</code> 文件夹下：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>your-site/layouts/_defaults/list.html
</span></span></code></pre></div><p>然后您可以自由地对<code>list</code>进行任何您想要的更改。
当 Hugo 构建您的站点时，您的 <code>list.html</code> 副本将被使用而不是主题的 <code>list.html</code>。</p>
<hr>
<h2 id="启用社交网络和-seo">启用社交网络和 SEO<a hidden class="anchor" aria-hidden="true" href="#启用社交网络和-seo">#</a></h2>
<p>其中包括 OpenGraph、Twitter Cards 和 Schema。</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">params</span>:
</span></span><span style="display:flex;"><span>    <span style="color:#f92672">env</span>: <span style="color:#ae81ff">production</span>
</span></span></code></pre></div><p>或在系统 env-vars 中将 <code>HUGO_ENV</code> 设置为“production”</p>
<hr>
<h2 id="failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource--">Failed to find a valid digest in the &lsquo;integrity&rsquo; attribute for resource &hellip; ?<a hidden class="anchor" aria-hidden="true" href="#failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource--">#</a></h2>
<p>阅读子资源完整性帮助（Read about How Subresource Integrity helps）: <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity">Subresource_Integrity</a></p>
<p>为什么<code>asset</code>没有加载 ? : <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity#How_browsers_handle_Subresource_Integrity">How_browsers_handle_Subresource_Integrity</a></p>
<p><strong>解决方案 :</strong></p>
<p>在<code>config.yml</code>中设置以下内容</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">params</span>:
</span></span><span style="display:flex;"><span>    <span style="color:#f92672">assets</span>:
</span></span><span style="display:flex;"><span>        <span style="color:#f92672">disableFingerprinting</span>: <span style="color:#66d9ef">true</span>
</span></span></code></pre></div><p>相关问题：</p>
<ul>
<li><a href="https://stackoverflow.com/questions/65056585/hugo-theme-not-loading">https://stackoverflow.com/questions/65056585/hugo-theme-not-loading</a></li>
<li><a href="https://stackoverflow.com/questions/65040931/hugo-failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource">https://stackoverflow.com/questions/65040931/hugo-failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource</a></li>
<li><a href="https://blog.gerardbeckerleg.com/posts/hugo-failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource/">https://blog.gerardbeckerleg.com/posts/hugo-failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource/</a></li>
</ul>
<hr>
<h2 id="借助主题的assets使用自定义-css">借助主题的assets使用自定义 css<a hidden class="anchor" aria-hidden="true" href="#借助主题的assets使用自定义-css">#</a></h2>
<ul>
<li>For adding custom css to be bundled inside one minimized css</li>
</ul>
<p>在您的项目目录中创建文件夹就像</p>
<pre tabindex="0"><code>.(site root)
├── config.yml
├── content/
├── theme/hugo-PaperMod/
└── assets/
    └── css/
        └── extended/  &lt;---
            ├── custom_css1.css &lt;---
            └── any_name.css   &lt;---
</code></pre><p>All <code>css</code> files inside <code>assets/css/extended</code> will be bundled !
<code>assets/css/extended</code> 中的所有 <code>css</code> 文件都将被bundled ！</p>
<p><strong>注意</strong>: blank.css 只是占位符，这样当 <code>assets/css/extended</code> 下没有文件时它不会改变主题</p>
<p>相关问题：</p>
<ul>
<li><a href="https://discourse.gohugo.io/t/papermod-theme-how-to-add-custom-css/30165">Papermod Theme: How to add custom CSS?</a></li>
</ul>
<hr>
<h2 id="自定义页眉页脚">自定义页眉/页脚<a hidden class="anchor" aria-hidden="true" href="#自定义页眉页脚">#</a></h2>
<p>自定义 css/js 可以按下面的方式添加。</p>
<pre tabindex="0"><code>.(site root)
├── config.yml
├── content/
├── theme/hugo-PaperMod/
└── layouts
    ├── partials
    │   ├── comments.html
    │   ├── extend_footer.html &lt;---
    │   └── extend_head.html   &lt;---
    └── robots.txt
</code></pre><p>在如上所示的目录结构中创建一个 html 页面。</p>
<p><code>extend_head.html</code> 的内容将被添加到页面的 <code>head</code> 中。</p>
<p>并且 <code>extend_footer.html</code> 的内容将被添加到页面底部。</p>
<hr>
<h2 id="站点菜单添加">站点菜单添加<a hidden class="anchor" aria-hidden="true" href="#站点菜单添加">#</a></h2>
<p>你添加的菜单项将出现在每个页面的标题中。</p>
<p>为此，请在站点的<code>config.yml</code>中添加<code>menu</code>部分：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">menu</span>:
</span></span><span style="display:flex;"><span>    <span style="color:#f92672">main</span>:
</span></span><span style="display:flex;"><span>        - <span style="color:#f92672">identifier</span>: <span style="color:#ae81ff">categories</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">name</span>: <span style="color:#ae81ff">categories</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">url</span>: <span style="color:#ae81ff">/categories/</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">weight</span>: <span style="color:#ae81ff">10</span>
</span></span><span style="display:flex;"><span>        - <span style="color:#f92672">identifier</span>: <span style="color:#ae81ff">tags</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">name</span>: <span style="color:#ae81ff">tags</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">url</span>: <span style="color:#ae81ff">/tags/</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">weight</span>: <span style="color:#ae81ff">20</span>
</span></span><span style="display:flex;"><span>        - <span style="color:#f92672">identifier</span>: <span style="color:#ae81ff">example</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">name</span>: <span style="color:#ae81ff">example.org</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">url</span>: <span style="color:#ae81ff">https://example.org</span>
</span></span><span style="display:flex;"><span>          <span style="color:#f92672">weight</span>: <span style="color:#ae81ff">30</span>
</span></span></code></pre></div><p><code>name</code> 控制菜单项的显示内容。
<code>url</code> 设置入口指向的 URL。
<code>weight</code> 用于控制条目的定位。</p>
<p>有关菜单的更多信息，请参阅 <a href="https://gohugo.io/content-management/menus/">Hugo wiki page</a>.</p>
<hr>
<h2 id="置顶文章">置顶文章<a hidden class="anchor" aria-hidden="true" href="#置顶文章">#</a></h2>
<p>通过向页面变量添加 <code>weight=&lt;num&gt;</code> ，帖子可以固定/显示在列表的顶部</p>
<p>例：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span>---
</span></span><span style="display:flex;"><span><span style="color:#f92672">title</span>: <span style="color:#e6db74">&#34;My Important post&#34;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">date</span>: <span style="color:#e6db74">2020-09-15T11:30:03</span><span style="color:#ae81ff">+00</span>:<span style="color:#ae81ff">00</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">weight</span>: <span style="color:#ae81ff">1</span>
</span></span><span style="display:flex;"><span>---
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span>---
</span></span><span style="display:flex;"><span><span style="color:#f92672">title</span>: <span style="color:#e6db74">&#34;My 2nd Important post&#34;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">date</span>: <span style="color:#e6db74">2020-09-15T11:30:03</span><span style="color:#ae81ff">+00</span>:<span style="color:#ae81ff">00</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">weight</span>: <span style="color:#ae81ff">2</span>
</span></span><span style="display:flex;"><span>---
</span></span></code></pre></div><hr>
<h2 id="添加自定义网站图标">添加自定义网站图标<a hidden class="anchor" aria-hidden="true" href="#添加自定义网站图标">#</a></h2>
<p>我们支持<code>/static</code>目录下的以下路径，从而添加网站图标。需要以下文件</p>
<ul>
<li><code>favicon.ico</code></li>
<li><code>favicon-16x16.png</code></li>
<li><code>favicon-32x32.png</code></li>
<li><code>apple-touch-icon.png</code></li>
<li><code>safari-pinned-tab.svg</code></li>
</ul>
<ol>
<li>
<p>图标可以由 <a href="https://favicon.io">Favicon.io</a>生成。或者 <a href="https://www.websiteplanet.com/id/webtools/favicon-generator/">WebsitePlanet - Generator Favicon </a> 生成 ( 由 Romano 提供 )</p>
<p>并且将生成的文件放在<code>/static</code>文件夹中就可以了。</p>
</li>
<li>
<p>另一种方法是添加不在<code>/static</code>文件夹中的图标。</p>
<p>在站点配置中添加以下内容：</p>
<pre tabindex="0"><code>params:
assets:
    favicon: &#34;&lt;link / absolute url&gt;&#34;
    favicon16x16:  &#34;&lt;link / absolute url&gt;&#34;
    favicon32x32:  &#34;&lt;link / absolute url&gt;&#34;
    apple_touch_icon:  &#34;&lt;link / absolute url&gt;&#34;
    safari_pinned_tab:  &#34;&lt;link / absolute url&gt;&#34;
</code></pre><ul>
<li><code>absolute url</code> 表示直接链接到外部资源：例如。 <a href="https://web.site/someimage.png">https://web.site/someimage.png</a></li>
</ul>
<p>例如：</p>
<pre tabindex="0"><code>params:
assets:
    favicon: &#34;/favicon.ico&#34;
    favicon16x16:  &#34;/favicon-16x16.png&#34;
    favicon32x32:  &#34;/favicon-32x32.png&#34;
    apple_touch_icon:  &#34;/apple-touch-icon.png&#34;
    safari_pinned_tab:  &#34;/safari-pinned-tab.svg&#34;
</code></pre></li>
</ol>
<hr>
<h2 id="在markdown中居中图像">在Markdown中居中图像<a hidden class="anchor" aria-hidden="true" href="#在markdown中居中图像">#</a></h2>
<p>在图像后添加<code>#center</code> 使图像居中对齐</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-md" data-lang="md"><span style="display:flex;"><span>![<span style="color:#f92672">name</span>](<span style="color:#a6e22e">path/to/image.png#center</span>)
</span></span></code></pre></div><p><strong>使用<a href="https://gohugo.io/content-management/shortcodes/"><code>figure</code></a> 简码（shortcode）时</strong></p>
<p>使用 <code>align=center</code> 将带有标题的图像居中</p>
<p>例如：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-md" data-lang="md"><span style="display:flex;"><span>{{&lt; <span style="color:#f92672">figure</span> <span style="color:#a6e22e">align</span><span style="color:#f92672">=</span><span style="color:#e6db74">center</span> <span style="color:#a6e22e">src</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;image.jpg&#34;</span> &gt;}}
</span></span></code></pre></div><hr>
<h2 id="使用-hugo-的语法高亮工具chroma">使用 Hugo 的语法高亮工具“chroma”<a hidden class="anchor" aria-hidden="true" href="#使用-hugo-的语法高亮工具chroma">#</a></h2>
<ol>
<li>
<p>在站点<code>config.yml</code>中禁用Highlight.js</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">params</span>:
</span></span><span style="display:flex;"><span>    <span style="color:#f92672">assets</span>:
</span></span><span style="display:flex;"><span>        <span style="color:#f92672">disableHLJS</span>: <span style="color:#66d9ef">true</span>
</span></span></code></pre></div></li>
<li>
<p>在站点<code>config.yml</code>中设置hugo的markdown样式</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">markup</span>:
</span></span><span style="display:flex;"><span>    <span style="color:#f92672">highlight</span>:
</span></span><span style="display:flex;"><span>        <span style="color:#75715e"># anchorLineNos: true</span>
</span></span><span style="display:flex;"><span>        <span style="color:#f92672">codeFences</span>: <span style="color:#66d9ef">true</span>
</span></span><span style="display:flex;"><span>        <span style="color:#f92672">guessSyntax</span>: <span style="color:#66d9ef">true</span>
</span></span><span style="display:flex;"><span>        <span style="color:#f92672">lineNos</span>: <span style="color:#66d9ef">true</span>
</span></span><span style="display:flex;"><span>        <span style="color:#75715e"># noClasses: false</span>
</span></span><span style="display:flex;"><span>        <span style="color:#f92672">style</span>: <span style="color:#ae81ff">monokai</span>
</span></span></code></pre></div></li>
<li>
<p>如果你想要<code>lineNos: true</code>，背景就不合适。
这仅适用于 <code>noClasses: false</code> 或 <code>pygmentsUseClasses: true</code>。
阅读 <a href="https://gohugo.io/content-management/syntax-highlighting/#generate-syntax-highlighter-css">Generate Syntax Highlighter CSS</a></p>
<p>将以下内容添加到 <code>assets/css/extended/custom.css</code></p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">chroma</span> {
</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">background-color</span>: <span style="color:#66d9ef">unset</span>;
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>更多信息 : <a href="https://gohugo.io/getting-started/configuration-markup#highlight">Configure Markup - Highlight</a></p>
</li>
</ol>
<hr>
<h2 id="搜索不工作">搜索不工作？<a hidden class="anchor" aria-hidden="true" href="#搜索不工作">#</a></h2>
<p>如果您使用 CDN 来服务器来自不同域（domain）的资源，搜索将中断</p>
<p>为什么？ 请看 <a href="https://github.com/adityatelange/hugo-PaperMod/blob/fb4988cfb6d0d6e4e489f17d89f0fa618def3396/assets/js/fastsearch.js#L35">fastsearch.js#L35</a>.</p>
<p>我们需要获取托管在网站“search.min.js”上一级的“index.json”（搜索功能在其中查找键入的关键字）。</p>
<p>我们使用它而不是指定<code>baseURL</code>，以便与多语言网站一起工作，例如。 <code>example.com/fr/</code> 和网站被放置在一个子目录下。 <code>example.com/blog/</code>。</p>
<p>要确定从 CDN 托管资源的 <em>single</em> 语言网站，您可以<a href="#override-theme-template">override</a> <a href="https://github.com/adityatelange/hugo-PaperMod/blob/fb4988cfb6d0d6e4e489f17d89f0fa618def3396/assets/js/fastsearch.js#L35">fastsearch.js#L35</a> 并放置适当的 URL，如</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#a6e22e">xhr</span>.<span style="color:#a6e22e">open</span>(<span style="color:#e6db74">&#34;GET&#34;</span>, <span style="color:#e6db74">&#34;https://example.com/index.json&#34;</span>);
</span></span></code></pre></div><hr>
<h2 id="参考">参考<a hidden class="anchor" aria-hidden="true" href="#参考">#</a></h2>
<ul>
<li><a href="https://zwbetz.com/override-a-hugo-theme/">Override a Hugo theme</a></li>
</ul>

</div>
  <footer class="post-footer">
    <ul class="post-tags">
      <li><a href="https://note.ftls.xyz/papermod/tags/papermod/">PaperMod</a></li>
    </ul>
    <nav class="paginav">
      <a class="prev" href="https://note.ftls.xyz/papermod/posts/papermod/papermod-features/">
        <span class="title">« 上一页</span>
        <br>
        <span>[译]特性</span>
      </a>
      <a class="next" href="https://note.ftls.xyz/papermod/posts/papermod/papermod-icons/">
        <span class="title">下一页 »</span>
        <br>
        <span>[译]Icons</span>
      </a>
    </nav>






<div class="share-buttons">
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]FAQs on twitter"
        href="https://twitter.com/intent/tweet/?text=%5b%e8%af%91%5dFAQs&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fpapermod%2fpapermod-faq%2f&amp;hashtags=PaperMod">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-253.927,424.544c135.939,0 210.268,-112.643 210.268,-210.268c0,-3.218 0,-6.437 -0.153,-9.502c14.406,-10.421 26.973,-23.448 36.935,-38.314c-13.18,5.824 -27.433,9.809 -42.452,11.648c15.326,-9.196 26.973,-23.602 32.49,-40.92c-14.252,8.429 -30.038,14.56 -46.896,17.931c-13.487,-14.406 -32.644,-23.295 -53.946,-23.295c-40.767,0 -73.87,33.104 -73.87,73.87c0,5.824 0.613,11.494 1.992,16.858c-61.456,-3.065 -115.862,-32.49 -152.337,-77.241c-6.284,10.881 -9.962,23.601 -9.962,37.088c0,25.594 13.027,48.276 32.95,61.456c-12.107,-0.307 -23.448,-3.678 -33.41,-9.196l0,0.92c0,35.862 25.441,65.594 59.311,72.49c-6.13,1.686 -12.72,2.606 -19.464,2.606c-4.751,0 -9.348,-0.46 -13.946,-1.38c9.349,29.426 36.628,50.728 68.965,51.341c-25.287,19.771 -57.164,31.571 -91.8,31.571c-5.977,0 -11.801,-0.306 -17.625,-1.073c32.337,21.15 71.264,33.41 112.95,33.41Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]FAQs on linkedin"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fpapermod%2fpapermod-faq%2f&amp;title=%5b%e8%af%91%5dFAQs&amp;summary=%5b%e8%af%91%5dFAQs&amp;source=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fpapermod%2fpapermod-faq%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-288.985,423.278l0,-225.717l-75.04,0l0,225.717l75.04,0Zm270.539,0l0,-129.439c0,-69.333 -37.018,-101.586 -86.381,-101.586c-39.804,0 -57.634,21.891 -67.617,37.266l0,-31.958l-75.021,0c0.995,21.181 0,225.717 0,225.717l75.02,0l0,-126.056c0,-6.748 0.486,-13.492 2.474,-18.315c5.414,-13.475 17.767,-27.434 38.494,-27.434c27.135,0 38.007,20.707 38.007,51.037l0,120.768l75.024,0Zm-307.552,-334.556c-25.674,0 -42.448,16.879 -42.448,39.002c0,21.658 16.264,39.002 41.455,39.002l0.484,0c26.165,0 42.452,-17.344 42.452,-39.002c-0.485,-22.092 -16.241,-38.954 -41.943,-39.002Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]FAQs on reddit"
        href="https://reddit.com/submit?url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fpapermod%2fpapermod-faq%2f&title=%5b%e8%af%91%5dFAQs">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-3.446,265.638c0,-22.964 -18.616,-41.58 -41.58,-41.58c-11.211,0 -21.361,4.457 -28.841,11.666c-28.424,-20.508 -67.586,-33.757 -111.204,-35.278l18.941,-89.121l61.884,13.157c0.756,15.734 13.642,28.29 29.56,28.29c16.407,0 29.706,-13.299 29.706,-29.701c0,-16.403 -13.299,-29.702 -29.706,-29.702c-11.666,0 -21.657,6.792 -26.515,16.578l-69.105,-14.69c-1.922,-0.418 -3.939,-0.042 -5.585,1.036c-1.658,1.073 -2.811,2.761 -3.224,4.686l-21.152,99.438c-44.258,1.228 -84.046,14.494 -112.837,35.232c-7.468,-7.164 -17.589,-11.591 -28.757,-11.591c-22.965,0 -41.585,18.616 -41.585,41.58c0,16.896 10.095,31.41 24.568,37.918c-0.639,4.135 -0.99,8.328 -0.99,12.576c0,63.977 74.469,115.836 166.33,115.836c91.861,0 166.334,-51.859 166.334,-115.836c0,-4.218 -0.347,-8.387 -0.977,-12.493c14.564,-6.47 24.735,-21.034 24.735,-38.001Zm-119.474,108.193c-20.27,20.241 -59.115,21.816 -70.534,21.816c-11.428,0 -50.277,-1.575 -70.522,-21.82c-3.007,-3.008 -3.007,-7.882 0,-10.889c3.003,-2.999 7.882,-3.003 10.885,0c12.777,12.781 40.11,17.317 59.637,17.317c19.522,0 46.86,-4.536 59.657,-17.321c3.016,-2.999 7.886,-2.995 10.885,0.008c3.008,3.011 3.003,7.882 -0.008,10.889Zm-5.23,-48.781c-16.373,0 -29.701,-13.324 -29.701,-29.698c0,-16.381 13.328,-29.714 29.701,-29.714c16.378,0 29.706,13.333 29.706,29.714c0,16.374 -13.328,29.698 -29.706,29.698Zm-160.386,-29.702c0,-16.381 13.328,-29.71 29.714,-29.71c16.369,0 29.689,13.329 29.689,29.71c0,16.373 -13.32,29.693 -29.689,29.693c-16.386,0 -29.714,-13.32 -29.714,-29.693Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]FAQs on facebook"
        href="https://facebook.com/sharer/sharer.php?u=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fpapermod%2fpapermod-faq%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-106.468,0l0,-192.915l66.6,0l12.672,-82.621l-79.272,0l0,-53.617c0,-22.603 11.073,-44.636 46.58,-44.636l36.042,0l0,-70.34c0,0 -32.71,-5.582 -63.982,-5.582c-65.288,0 -107.96,39.569 -107.96,111.204l0,62.971l-72.573,0l0,82.621l72.573,0l0,192.915l-191.104,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]FAQs on whatsapp"
        href="https://api.whatsapp.com/send?text=%5b%e8%af%91%5dFAQs%20-%20https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fpapermod%2fpapermod-faq%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-58.673,127.703c-33.842,-33.881 -78.847,-52.548 -126.798,-52.568c-98.799,0 -179.21,80.405 -179.249,179.234c-0.013,31.593 8.241,62.428 23.927,89.612l-25.429,92.884l95.021,-24.925c26.181,14.28 55.659,21.807 85.658,21.816l0.074,0c98.789,0 179.206,-80.413 179.247,-179.243c0.018,-47.895 -18.61,-92.93 -52.451,-126.81Zm-126.797,275.782l-0.06,0c-26.734,-0.01 -52.954,-7.193 -75.828,-20.767l-5.441,-3.229l-56.386,14.792l15.05,-54.977l-3.542,-5.637c-14.913,-23.72 -22.791,-51.136 -22.779,-79.287c0.033,-82.142 66.867,-148.971 149.046,-148.971c39.793,0.014 77.199,15.531 105.329,43.692c28.128,28.16 43.609,65.592 43.594,105.4c-0.034,82.149 -66.866,148.983 -148.983,148.984Zm81.721,-111.581c-4.479,-2.242 -26.499,-13.075 -30.604,-14.571c-4.105,-1.495 -7.091,-2.241 -10.077,2.241c-2.986,4.483 -11.569,14.572 -14.182,17.562c-2.612,2.988 -5.225,3.364 -9.703,1.12c-4.479,-2.241 -18.91,-6.97 -36.017,-22.23c-13.314,-11.876 -22.304,-26.542 -24.916,-31.026c-2.612,-4.484 -0.279,-6.908 1.963,-9.14c2.016,-2.007 4.48,-5.232 6.719,-7.847c2.24,-2.615 2.986,-4.484 4.479,-7.472c1.493,-2.99 0.747,-5.604 -0.374,-7.846c-1.119,-2.241 -10.077,-24.288 -13.809,-33.256c-3.635,-8.733 -7.327,-7.55 -10.077,-7.688c-2.609,-0.13 -5.598,-0.158 -8.583,-0.158c-2.986,0 -7.839,1.121 -11.944,5.604c-4.105,4.484 -15.675,15.32 -15.675,37.364c0,22.046 16.048,43.342 18.287,46.332c2.24,2.99 31.582,48.227 76.511,67.627c10.685,4.615 19.028,7.371 25.533,9.434c10.728,3.41 20.492,2.929 28.209,1.775c8.605,-1.285 26.499,-10.833 30.231,-21.295c3.732,-10.464 3.732,-19.431 2.612,-21.298c-1.119,-1.869 -4.105,-2.99 -8.583,-5.232Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]FAQs on telegram"
        href="https://telegram.me/share/url?text=%5b%e8%af%91%5dFAQs&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fpapermod%2fpapermod-faq%2f">
        <svg version="1.1" xml:space="preserve" viewBox="2 2 28 28">
            <path
                d="M26.49,29.86H5.5a3.37,3.37,0,0,1-2.47-1,3.35,3.35,0,0,1-1-2.47V5.48A3.36,3.36,0,0,1,3,3,3.37,3.37,0,0,1,5.5,2h21A3.38,3.38,0,0,1,29,3a3.36,3.36,0,0,1,1,2.46V26.37a3.35,3.35,0,0,1-1,2.47A3.38,3.38,0,0,1,26.49,29.86Zm-5.38-6.71a.79.79,0,0,0,.85-.66L24.73,9.24a.55.55,0,0,0-.18-.46.62.62,0,0,0-.41-.17q-.08,0-16.53,6.11a.59.59,0,0,0-.41.59.57.57,0,0,0,.43.52l4,1.24,1.61,4.83a.62.62,0,0,0,.63.43.56.56,0,0,0,.4-.17L16.54,20l4.09,3A.9.9,0,0,0,21.11,23.15ZM13.8,20.71l-1.21-4q8.72-5.55,8.78-5.55c.15,0,.23,0,.23.16a.18.18,0,0,1,0,.06s-2.51,2.3-7.52,6.8Z" />
        </svg>
    </a>
</div>

  </footer>
</article>
    </main><footer class="footer">
    <span>&copy; 2023 <a href="https://note.ftls.xyz/papermod/">PaperMod</a></span>
    <span>&middot;</span>
    <span>Powered by <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a></span>
    <span>&middot;</span>
    <span>Theme <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
    <button class="top-link" id="top-link" type="button" accesskey="g">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
            <path d="M12 6H0l6-6z" />
        </svg>
    </button>
</a>



<script defer src="/papermod/assets/js/highlight.min.b95bacdc39e37a332a9f883b1e78be4abc1fdca2bc1f2641f55e3cd3dabd4d61.js" integrity="sha256-uVus3DnjejMqn4g7Hni&#43;Srwf3KK8HyZB9V4809q9TWE="
    onload="hljs.initHighlightingOnLoad();"></script>
<script>
    window.onload = function () {
        if (localStorage.getItem("menu-scroll-position")) {
            document.getElementById('menu').scrollLeft = localStorage.getItem("menu-scroll-position");
        }
    }

    function menu_on_scroll() {
        localStorage.setItem("menu-scroll-position", document.getElementById('menu').scrollLeft);
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>

</body>

</html>
